
:root{
  --theme-blue: #0156ff;
  --theme-red: #FD1717;
  --theme-light-blue: #0249d9;
  --theme-light-red: #EB1010;

  --btn-color-pink:#f78989;
  --btn-border-pink:#f7b0b0;
  --btn-bg-pink:#ffd2d2;

  --btn-color-skyBlue:#409eff;
  --btn-border-skyBlue:#c6e2ff;
  --btn-bg-skyBlue:#ecf5ff;

  --font-size-small:12px;
  --font-size-medium:14px;
  --font-size-usual:16px;
  --font-size-medium-large:18px;
  --font-size-large:20px;
   
  


}
  
  
  
  
  @font-face {
    font-family: "iconfont"; /* Project id  */
    src: url('../font/iconfont.ttf?t=1672369147125') format('truetype');
  }
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }


  
  .icon-xiajiantou:before {
    content: "\e649";
  }
  
  .icon-information:before {
    content: "\e60e";
  }
  
  .icon-xialajiantou1:before {
    content: "\e625";
  }
  
  
  
  .icon-xinxi1:before {
    content: "\e63d";
  }
  
  .icon-youjiantou:before {
    content: "\e624";
  }
  
  .icon-shezhi:before {
    content: "\e892";
  }
  
  .icon-WiFi:before {
    content: "\e61a";
  }
  
  .icon-jiantou_zuoyouqiehuan:before {
    content: "\eb0d";
  }
  
  .icon-xiaoxizhongxin:before {
    content: "\e8be";
  }



  .fz-12{
    font-size:12px
  }

  .fz-20{
    font-size:20px;
  }
  .mb-10{
    margin-bottom:10px;
  }
  .mb-30{
    margin-bottom:30px;
  }

  .text-gray{
    color:#aaa;
  }
  .ml-100{
  margin-left:100px;
  }
  .ml-20{
    margin-left:20px;
  }
  .ml-40{
    margin-left:40px;
  }
  .mr-10{
    margin-right:10px;
  }
  .mt-30{
    margin-top:30px
  }
  .text-blue{
    color:#0156ff;
  }
  .text-red{
    /* color:rgb(253, 23, 23) */
    color:#0156ff
  }
  .text-skey-blue{
    color:#97ECFF;
  }
  .d-flex{
    display:flex;
  }
  .w80{
    width:80px;
  }
  .space-between{
    justify-content:space-between;
  }
 .justify-center{
  justify-content: center;
 }
 .mt-80{
  margin-top:80px;
 }
 .w-260{
  width:260px;
 }
 .cursor-pointer{
  cursor: pointer;
 }
 .w-5vw {
  width: 3vw;
}
.w-6vw{
  width: 6vw;
  text-align: right;
}
.w-3vw{
  width: 3vw;
  text-align: right;
}
.w-4vw{
  width: 4vw;
  text-align: right;
}
.w-5vw{
  width: 5vw;
  text-align: right;
}
.w-8vw{
  width: 8vw;
  text-align: right;
}
.mt-80{
  margin-top:80px;
}
